body{margin:0; padding:0; background:#fff; font-family:Arial, Helvetica, sans-serif; overflow-x:hidden;} a{text-decoration:none;} p{ font-family: 'Oxygen', sans-serif;} .wrapper{width:960px; height:auto; margin:0 auto; position:relative;} .topstrip{width:100%; height:52px; background:url(/web/20161227195105im_/http://surevin.co.in/images/repeatbg.png) repeat; position:absolute; top:0; z-index:8888;} header{ width:960px; height:auto; position: absolute; left: 50%; margin-left: -480px; z-index:9999;} .mobileicon{width:40px; height:40px; background:url(/web/20161227195105im_/http://surevin.co.in/images/mobilemenu.png) center center no-repeat; position:absolute; top:10px; right:20px; display:none; cursor:pointer;} .mobilemenu_container{position:absolute; top:55px; right:20px; background:#000; border-radius:5px; display:none;} .mobilemenu{display:none;} .mobilemenu li{padding: 10px 40px; margin: 5px 0; font-size: 16px; color:#fff; text-align: center;} .mobilemenu li a{color:#fff; transition:color 0.3s ease-in-out; -webkit- transition:color 0.3s ease-in-out; -moz- transition:color 0.3s ease-in-out; -o- transition:color 0.3s ease-in-out; -ms- transition:color 0.3s ease-in-out;} .mobilemenu li a:hover, .mobilemenu li.active a{color:#faa61a;} .topmenu{width:100%; height:52px; text-align:center; z-index:9999;} .topmenu ul{float:right; margin-right:94px;} .blog_link{position:absolute; right:0; top:0; padding-top:20px; padding-left:32px; display:block; color:#fff; font-size:15px; width:54px; height:25px; font-weight:bold; background-color:#101010; background-image:url(/web/20161227195105im_/http://surevin.co.in/images/bloglinkbg.png); background-repeat:no-repeat; background-position:14px 17px; border:1px solid #faa61a; border-top:0; transition:color 0.3s ease-in-out; -webkit- transition:color 0.3s ease-in-out; -moz- transition:color 0.3s ease-in-out; -o- transition:color 0.3s ease-in-out; -ms- transition:color 0.3s ease-in-out;} .blog_link:hover{color:#faa61a;} .topmenu ul li{height:52px; line-height:52px; list-style:none; float:left;} .topmenu ul li a{line-height:52px; font-size:15px; font-weight:bold; color:#fff; display:block; margin:0 6px; transition:color 0.3s ease-in-out; -webkit- transition:color 0.3s ease-in-out; -moz- transition:color 0.3s ease-in-out; -o- transition:color 0.3s ease-in-out; -ms- transition:color 0.3s ease-in-out;} .topmenu ul li a:hover, .topmenu ul li.active a{color:#faa61a;} .headerbottom{height:110px; width:100%; background:#fff;} a.logo{height:110px; width:211px; margin-left:24px; float:left; display:block; line-height:110px; text-indent:-9999px; text-decoration:none; background:url(/web/20161227195105im_/http://surevin.co.in/images/logo.png) center center no-repeat;} .talktous{width:224px; height:50px; margin-top:30px; float:right; background:url(/web/20161227195105im_/http://surevin.co.in/images/talktous.png) 2px center no-repeat #faa61a; border-radius:25px;} .talktous p{font-size:18px; color:#fff; margin-left:60px; line-height:24px;} .getstarted{width:172px; height:50px; float:right; margin-top:30px; background:url(/web/20161227195105im_/http://surevin.co.in/images/getstarted.png) center center no-repeat; text-align:center;} .getstarted a{width:154px; height:50px; line-height:50px; color:#fff; font-size:18px; font-weight:bold; text-align: center; transition:color 0.3s ease-in-out; -webkit- transition:color 0.3s ease-in-out; -moz- transition:color 0.3s ease-in-out; -o- transition:color 0.3s ease-in-out; -ms- transition:color 0.3s ease-in-out;} .getstarted a:hover{color:#000;} .topmenu ul.social-media-top{margin-top:9px;} .topmenu ul.social-media-top li{display:block;width:36px;height:34px;margin-right:5px;} .topmenu ul.social-media-top li a{background:url(/web/20161227195105im_/http://surevin.co.in/images/socialmedia.jpg) no-repeat;display:block;width:36px;height:34px;overflow:hidden;text-indent:-9999px; transition:all 0.3s ease-in-out; -webkit- transition:all 0.3s ease-in-out; -moz- transition:all 0.3s ease-in-out; -o- transition:all 0.3s ease-in-out; -ms- transition:all 0.3s ease-in-out;} .topmenu ul.social-media-top li.gp_top a{background-position:0 0;} .topmenu ul.social-media-top li.gp_top a:hover{background-position:0 -34px;} .topmenu ul.social-media-top li.fb_top a{background-position:-36px 0;} .topmenu ul.social-media-top li.fb_top a:hover{background-position:-36px -34px;} .topmenu ul.social-media-top li.tw_top a{background-position:-72px 0;} .topmenu ul.social-media-top li.tw_top a:hover{background-position:-72px -34px;} .topmenu ul.social-media-top li.pn_top a{background-position:-108px 0;} .topmenu ul.social-media-top li.pn_top a:hover{background-position:-108px -34px;} .topmenu ul.social-media-top li.gp_top a{background-position:0 -34px;} .topmenu ul.social-media-top li.fb_top a{background-position:-36px -34px;} .topmenu ul.social-media-top li.tw_top a{background-position:-72px -34px;} .topmenu ul.social-media-top li.pn_top a{background-position:-108px -34px;} .topmenu ul.social-media-top li.gp_top a:hover{background-position:0 0;} .topmenu ul.social-media-top li.fb_top a:hover{background-position:-36px 0;} .topmenu ul.social-media-top li.tw_top a:hover{background-position:-72px 0;} .topmenu ul.social-media-top li.pn_top a:hover{background-position:-108px 0;} .banner{width:100%; z-index:888;} ul.banner_slider{z-index:888;} ul.banner_slider li{width:100%; height:488px;/*426px*/ overflow:hidden;} .banner_container{width:916px; margin:176px auto 0; height:200px;} .banner_container h2{font-size:38px; margin-top:24px; color:#fff; font-weight:bold; font-family: 'Oxygen', sans-serif; line-height: 44px; letter-spacing: -1px;} .banner_container h2 a{font-size: 26px; text-decoration: underline; color: #fff; display: block;} .slideoneleft{width:365px; float:left;} .slideoneright{width:550px; float:right;} .slideoneright ul{list-style:none; float:right;} .slideoneright ul li{width:183px; text-align:center; list-style:none; float:left;} .slidetwoleft{width:600px; float:left;} .slidetworight{width:280px; float:right;} .slidetworight p{margin-top:60px;} .slidethreeleft{width:575px; float:left;} .slidethreeright{width:300px; float:right;} .slidethreeright img{display:block; float:left;} .banner_container span{font-size: 26px; display: block;} .banner_container p{font-size:20px; line-height: 24px; color:#fff; font-weight:bold; font-family: 'Oxygen', sans-serif;} .banner_container a{color:#fff; font-size:18px; font-weight:bold; line-height: 24px; transition:color 0.3s ease-in-out; -webkit- transition:color 0.3s ease-in-out; -moz- transition:color 0.3s ease-in-out; -o- transition:color 0.3s ease-in-out; -ms- transition:color 0.3s ease-in-out;} .banner_container a:hover{color:#000;} .offersection{width:100%; height:268px; margin-top:22px; } .offersection h1{ font-size:40px; color:#faa61a; text-align:center; font-family: 'Oxygen', sans-serif;} .offermenu_container{margin-top:10px;} .offermenu_container ul li{float:left; list-style:none; height:212px; width:190px;} .offermenu_container ul li a{display:block;} .offermenu_container ul li a:hover p{color:#fff;} .offermenu_container ul li a div{height:190px; width:190px; border:1px solid #a9a9a9; transition:background 0.3s ease-in-out; -webkit- transition:background 0.3s ease-in-out; -moz- transition:background 0.3s ease-in-out; -o- transition:background 0.3s ease-in-out; -ms- transition:background 0.3s ease-in-out;} .offermenu_container ul li a .logodesign{background:url(/web/20161227195105im_/http://surevin.co.in/images/logodesignicon.png) center 20px no-repeat #fff;} .offermenu_container ul li a .brochure{ background:url(/web/20161227195105im_/http://surevin.co.in/images/brochureicon.png) center 20px no-repeat #fff;} .offermenu_container ul li a .webdesign{background:url(/web/20161227195105im_/http://surevin.co.in/images/webdesignicon.png) center 20px no-repeat #fff;} .offermenu_container ul li a .socialmedia{background:url(/web/20161227195105im_/http://surevin.co.in/images/seoicon.png) center 20px no-repeat #fff;} .offermenu_container ul li a .seo{background:url(/web/20161227195105im_/http://surevin.co.in/images/seoicon.png) center 20px no-repeat #fff;} .offermenu_container ul li.logolist a:hover .logodesign{background:url(/web/20161227195105im_/http://surevin.co.in/images/logodesignicon_hover.png) center 20px no-repeat #faa61a;} .offermenu_container ul li.brochurelist a:hover .brochure{ background:url(/web/20161227195105im_/http://surevin.co.in/images/brochureicon_hover.png) center 20px no-repeat #faa61a;} .offermenu_container ul li.webdesignlist a:hover .webdesign{background:url(/web/20161227195105im_/http://surevin.co.in/images/webdesignicon_hover.png) center 20px no-repeat #faa61a;} .offermenu_container ul li.socialmedialist a:hover .socialmedia{background:url(/web/20161227195105im_/http://surevin.co.in/images/seoicon_hover.png) center 20px no-repeat #faa61a;} .offermenu_container ul li.seolist a:hover .seo{background:url(/web/20161227195105im_/http://surevin.co.in/images/seoicon_hover.png) center 20px no-repeat #faa61a;} .offermenu_container ul li a div p{text-align: center; color:#3a3a3a; font-size:18px; margin-top:126px; font-family: 'Oxygen', sans-serif; font-weight:bold; transition:color 0.3s ease-in-out; -webkit- transition:color 0.3s ease-in-out; -moz- transition:color 0.3s ease-in-out; -o- transition:color 0.3s ease-in-out; -ms- transition:color 0.3s ease-in-out;} .offermenu_container ul li a span{height:44px; width:190px; line-height:44px; position:relative; bottom:19px; display:inline-block; text-align: center; color:#fff; background:url(/web/20161227195105im_/http://surevin.co.in/images/offferitembg.png) center center no-repeat; font-family: 'Oxygen', sans-serif; font-size:13px; font-weight:bold; transition:background 0.3s ease-in-out; -webkit- transition:background 0.3s ease-in-out; -moz- transition:background 0.3s ease-in-out; -o- transition:background 0.3s ease-in-out; -ms- transition:background 0.3s ease-in-out;} .offermenu_container ul li a:hover span{background:url(/web/20161227195105im_/http://surevin.co.in/images/offferitembg_hover.png) center center no-repeat;} .portfoliosection h1{ font-size:40px; color:#faa61a; text-align:center; font-family: 'Oxygen', sans-serif;} .portfolio_container{margin-top:10px; overflow:hidden;} .portfolio_container ul li{list-style:none; float:left; width:190px; background:#1f1f1f;} .portfolio_container ul li a img{max-width:100%;} .homeformsection{margin-top:50px;} ::-webkit-input-placeholder { color: #9e9e9e; } :-ms-input-placeholder { color: #9e9e9e; } .homeformsection h1{ font-size:40px; color:#faa61a; text-align:center; font-family: 'Oxygen', sans-serif;} .homeformsection h2{ font-size:20px; color:#b5b5b5; text-align:center; font-family: 'Oxygen', sans-serif; padding: 12px;} .formhead{width:100%; position:relative; height: 355px; overflow: hidden; margin-bottom: 18px;} .formhead img{max-width:100%;} .movingarrow{position: absolute; top: 112px; left:30px; display: block;} .num1{height:36px; width:36px; text-align:center; font-weight:bold; color:#fff; background:#7f7f7f; font-size:20px; line-height: 36px; border-radius: 25px; position: absolute; top: 134px; left: 155px;} .formhead input{height:30px; width:350px; position:relative; font-size:17px; font-weight:bold; bottom: 220px; margin-left: -175px; border-radius:10px; left: 50%; border:none; background:none; font-style:italic; text-align:center} .num2, .num3{text-align:center; font-family:Arial, Helvetica, sans-serif; line-height:36px; position:relative; left: 145px; top: -166px; font-size: 15px; color: #000; font-weight: bold;} .num2 span, .num3 span{height:36px; width:36px; text-align:center; font-weight:bold; color:#fff; background:#7f7f7f; font-size:20px; line-height: 36px; border-radius: 25px; display: inline-block; vertical-align: bottom;} .num3{top: -130px;} .selectsolutions_items{width:100%; margin-top:-92px; overflow:hidden;} .selectsolutions_items p{font-size:20px; font-weight:bold; color:#fff; padding:25px; margin-top:10px; text-align:center; font-family:Arial, Helvetica, sans-serif;} .selectsolutions_items p span{font-size:15px; margin-top: 10px; line-height: 18px; font-style:italic; display:block;} .designsolution{width:316px; height:290px; background:#80b100; float:left; border-radius:10px;} .websolution, .marketing{width:316px; height:290px; background:#bf2679; float:left; margin-left: 6px; border-radius:10px;} .marketing{ background:#2797db;} .tentbelow{display:block; margin:0 auto;} #logodesign,#brochure,#businesscard,#letterhead,#singlepage,#mobilesite,#wordpresssite,#ecommerce,#socialmarketing,#googleadscheck,#searchoptimization,#googlelisting,#explainvideos,#webhosting,#corporatemail,#domainreg,#socialmediacoverpage{display:inline-block; margin-left:25px; margin-bottom:8px;} .selectsolutions_items label{font-size:15px; width: 240px; display: inline-table; color:#fff; padding-left:15px; line-height: 22px; text-transform: capitalize;} .contact_details{margin-top:-36px; width:100%;height:200px; overflow:hidden; background:url(/web/20161227195105im_/http://surevin.co.in/images/contactborder2.png) center center no-repeat;} .contact_details input{width: 226px; padding: 0 10px; height:44px; background:#eaeaea; border:1px solid #000; margin-bottom:10px; float:left; margin-left: 18px; font-size:15px;} .contact_details textarea{height:80px; width:380px; background:#eaeaea; border:1px solid #000; padding: 10px 10px; display:block; float:right; font-size:15px; font-family:Arial, Helvetica, sans-serif; margin-right: 15px; margin-top: -56px;} #submit{width:134px; height:44px; margin-top:14px; margin-bottom:28px; border:none; font-family: Arial, Helvetica, sans-serif; text-align:center; background:url(/web/20161227195105im_/http://surevin.co.in/images/quatebg.png) center center no-repeat; color:#fff; font-size:15px; font-weight:bold; cursor:pointer; transition:color 0.3s ease-in-out; -webkit- transition:color 0.3s ease-in-out; -moz- transition:color 0.3s ease-in-out; -o- transition:color 0.3s ease-in-out; -ms- transition:color 0.3s ease-in-out;} #submit:hover{color:#000;} /*Contact form validation message style*/ #message{display: block;margin-top:5px;} .error_message{height: auto;line-height: 21px;font-size: 15px;padding: 5px;color: #f00;} #success_page{margin-top: 80px;margin-bottom: 80px;} #success_page h2{color: #7ba31c;font-size: 20px;text-align: center;text-align:center;} #success_page p{text-align: center;padding: 15px 0px;} #refreshpage{width: 180px;height: 38px;text-align: center;border: none;background: #faa61a;display: block;color: #FFF;cursor: pointer;line-height: 34px;text-decoration: none;margin:0 auto;} #refreshpage:hover{background: #2e6aa2;color:#fff;} #error li{color:#f00; font-weight:bold;text-align: left;} .client_info{width:100%; height:268px; background:url(/web/20161227195105im_/http://surevin.co.in/images/clientinfo_bg.jpg) center center no-repeat; margin-bottom:38px;} .client_info h2{line-height:125px; color:#fff; text-align: center; font-size:40px; font-weight:bold; font-family: 'Oxygen', sans-serif;} .testimonial{width:100%;} .testimonial ul li{float:left; text-align:center; list-style:none; width: 45%; height:135px; font-size:15px; color:#000; line-height:22px;} .news{width:632px; float:left; overflow:hidden; margin-bottom:87px;} .videos{width:302px; float:right; overflow:hidden; margin-bottom:87px;} .news h2, .videos h2{text-align:left; color:#faa61a; font-size:40px; font-family: 'Oxygen', sans-serif;} .newsitems_container, .video_item_container{margin-top:17px; overflow:hidden;} ul.news_items li{width:302px; float:left; overflow:hidden; list-style:none; margin-left:28px;} .news_item_video{height:134px; width:302px; background:#000;} ul.news_items li h3{margin-top:18px; font-size:18px; font-weight:bold; color:#666666; line-height:24px;} ul.news_items li p{height:120px; font-size:14px; color:#666666; line-height:20px; text-align:justify; overflow:hidden;} ul.news_items li span{padding:16px 0 0; display: inline-block; font-size:14px; color:#666666; line-height:20px; text-align:justify;} ul.news_items li a{display:inline-block; margin-top:15px; float:right; color:#666666; font-weight:bold; font-size: 15px; transition:color 0.3s ease-in-out; -webkit- transition:color 0.3s ease-in-out; -moz- transition:color 0.3s ease-in-out; -o- transition:color 0.3s ease-in-out; -ms- transition:color 0.3s ease-in-out;} ul.news_items li a:hover{color:#faa61a;} ul.news_items iframe{width:100%;} .video_item_container ul li{width:100%; float:left; overflow:hidden; list-style:none; margin-bottom:20px;} .videoitems{height:227px; width:100%; background:#666666;} .videoitems_videos{height:100%; width:100%;} footer{width:100%; height:auto; overflow:hidden; background:#4e4e4e;} .footerstrip{width:100%; height:8px; background:#2087c3;} .footertitleleft{width:500px; height:202px; float:left; overflow:hidden;} .footertitleleft p{margin:38px 0 30px; font-style:italic; font-size:25px; line-height: 27px; color:#fff;} .footertitleleft p a{text-decoration:underline; color:#fff; transition:color 0.3s ease-in-out; -webkit- transition:color 0.3s ease-in-out; -moz- transition:color 0.3s ease-in-out; -o- transition:color 0.3s ease-in-out; -ms- transition:color 0.3s ease-in-out;} .footertitleleft p a:hover{color:#faa61a;} .footertitleleft p span{ font-size:20px; font-style:normal; display:block;} .footertitleleft h2{font-size:20px; color:#fff; text-transform:uppercase; font-weight:normal;} .footertitleleft h2 a{text-decoration:underline; color:#fff; transition:color 0.3s ease-in-out; -webkit- transition:color 0.3s ease-in-out; -moz- transition:color 0.3s ease-in-out; -o- transition:color 0.3s ease-in-out; -ms- transition:color 0.3s ease-in-out;} .footertitleleft h2 a:hover{color:#faa61a;} .footernewsletter{width:308px; height:202px; float:right; background:url(/web/20161227195105im_/http://surevin.co.in/images/newsletter_bg.png) right top no-repeat; overflow:hidden;} .footernewsletter p{padding:5px 25px; color:#fff; font-size:15px; font-family: 'Oxygen', sans-serif; font-style:italic; line-height: 22px;} .footernewsletter p span{font-size:20px; font-weight:bold; font-style:normal; display:block;} .footernewsletter input{width:210px; height:28px; padding: 0 10px; margin-top:4px; margin-right:4px; margin-left:20px; background:#fff; border:none; float:left;} .newsletter_submission{position:relative;} .footernewsletter input[type="submit"]{height:62px; position:absolute; top:-1px;right:12px; width:35px; font-size:18px; text-align:center; color:#fff; font-weight:bold; font-family: 'Oxygen', sans-serif; line-height:35px; background:url(/web/20161227195105im_/http://surevin.co.in/images/newsletter_buttonbg.png) center center no-repeat; border:none; cursor:pointer; transition:color 0.3s ease-in-out; -webkit- transition:color 0.3s ease-in-out; -moz- transition:color 0.3s ease-in-out; -o- transition:color 0.3s ease-in-out; -ms- transition:color 0.3s ease-in-out;padding:0px;} .footernewsletter input[type="submit"]:hover{color:#faa61a;} .footer_site_deatils{width:100%;} .footer_site_deatils h3{font-size:18px; font-weight:bold; color:#fff;} .footer_site_deatils ul{margin-top:30px;} .footer_site_deatils ul li{float:left; color:#fff; font-size:13px; list-style:none; margin-bottom:12px;} .footer_site_deatils ul li a{display:inline-block; color:#fff; transition:color 0.3s ease-in-out; -webkit- transition:color 0.3s ease-in-out; -moz- transition:color 0.3s ease-in-out; -o- transition:color 0.3s ease-in-out; -ms- transition:color 0.3s ease-in-out;} .footer_site_deatils ul li a:hover{color:#faa61a;} .sitemap{width:290px; float:left;} .sitemap ul li{width:130px;} .footer_servicemenu{width:420px; float:left;} .footer_servicemenu ul li{width:165px;} .footer_contact{width:150px; float:right; margin-right:70px;} .footer_contact h3{text-align:center;} .footer_contact ul li{ width: 150px; padding-left: 25px;} .contact_address{line-height:22px; background:url(/web/20161227195105im_/http://surevin.co.in/images/addressbg.png) 3px top no-repeat;} .contact_phone{background:url(/web/20161227195105im_/http://surevin.co.in/images/contactphonebg.png) 3px top no-repeat;} .contcat_mail{background:url(/web/20161227195105im_/http://surevin.co.in/images/contactmail_bg.png) left top no-repeat;} .copyright{float:left; margin-top:30px; width:166px; overflow:hidden;} .copyright p{margin-top: 10px; color:#fff; font-size:12px; font-family:Arial, Helvetica, sans-serif;} .copyright a{color:#fff; display:inline-block; transition:color 0.3s ease-in-out; -webkit- transition:color 0.3s ease-in-out; -moz- transition:color 0.3s ease-in-out; -o- transition:color 0.3s ease-in-out; -ms- transition:color 0.3s ease-in-out;} .copyright a:hover{color:#faa61a;} a.footerlogo{text-indent:-9999px; width:162px; height:28px; background:url(/web/20161227195105im_/http://surevin.co.in/images/logofooter.png) center center no-repeat; display:block;} .madeindia{color:#fff; font-size:12px; float:right; display:inline-block; margin-top:68px;} .madeindia img{vertical-align: middle;} .keywords{width:100%; padding-top:26px; font-weight: bold; text-align: justify; margin-bottom:20px; overflow:hidden;} .keywords p{font-size:26px; line-height: 32px; color:#656565; font-family: 'Oxygen', sans-serif;} .quickcontact_container{position:fixed; height:250px; width:350px; top:50%; margin-top:-82px; right:-308px; z-index:10101010;} .quickclose{position:absolute; top:2px; left:16px; display:none; cursor:pointer;} .quickcontacttrigger{float:left; cursor:pointer;} .quickcontact_content{float:left; padding:10px 5px 10px 10px; width:287px; height:auto; background:#1873af;} .quickcontact_content input[type="text"], .quickcontact_content textarea{width: 95%; display:block; float: left; padding: 5px 5px; background: #fff; border: 0; border-radius: 2px; font-size: 12px; font-family:Arial, Helvetica, sans-serif; margin-bottom:4px;} .quickcontact_content textarea{height: 50px;} .quickcontact_content input[type="submit"]{width: 25%; float: right; margin-right: 1%; padding:5px; margin-top: 4px; background: #fff; border: 0; border-radius: 2px; display:block; cursor:pointer; transition:background 0.3s ease-in-out; -webkit- transition:background 0.3s ease-in-out; -moz- transition:background 0.3s ease-in-out; -o- transition:background 0.3s ease-in-out; -ms- transition:background 0.3s ease-in-out;} .quickcontact_content input[type="submit"]:hover{background:#faa61a} .quickcontact_container .error_message{height: auto;line-height: 16px;font-size: 14px;padding: 5px;color: #fff;} .quickcontact_container #success_page{ width:287px; margin-top: 10px; margin-bottom: 0px;} .quickcontact_container #success_page h2 {color: #000000;} .quickcontact_container #refreshpage:hover {background: #000000;} /*============================InnerPages================================*/ .innerpagemenuarea{overflow: hidden;} ul.sub_menu_items{width: 870px; margin:0 auto;} ul.sub_menu_items li{width:146px; height:132px; margin: 0 14px; list-style:none; text-align:center; float:left;} ul.sub_menu_items li a{width:146px; height:132px; display:block; background-repeat:no-repeat; background-position:center 34px; overflow:hidden; transition:background 0.3s ease-in-out; -webkit- transition:background 0.3s ease-in-out; -moz- transition:background 0.3s ease-in-out; -o- transition:background 0.3s ease-in-out; -ms- transition:background 0.3s ease-in-out;} ul.sub_menu_items li a p{text-align:center; margin-top:95px; color:#fff; font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; transition:color 0.3s ease-in-out; -webkit- transition:color 0.3s ease-in-out; -moz- transition:color 0.3s ease-in-out; -o- transition:color 0.3s ease-in-out; -ms- transition:color 0.3s ease-in-out;} ul.sub_menu_items li.active a, ul.sub_menu_items li a:hover{ background-color:#fff;} ul.sub_menu_items li.active a p, ul.sub_menu_items li a:hover p{color:#faa61a;} ul.sub_menu_items li.submenu_logo a{background-image:url(/web/20161227195105im_/http://surevin.co.in/images/submenu_logo.png);} ul.sub_menu_items li.submenu_print a{background-image:url(/web/20161227195105im_/http://surevin.co.in/images/submenu_print.png);} ul.sub_menu_items li.submenu_website a{background-image:url(/web/20161227195105im_/http://surevin.co.in/images/submenu_website.png);} ul.sub_menu_items li.submenu_social a{background-image:url(/web/20161227195105im_/http://surevin.co.in/images/submenu_seo.png);} ul.sub_menu_items li.submenu_seo a{background-image:url(/web/20161227195105im_/http://surevin.co.in/images/submenu_seo.png);} /*ul.sub_menu_items li.submenu_logo a:hover, ul.sub_menu_items li.submenu_logo.active a{background-image:url(/web/20161227195105im_/http://surevin.co.in/images/submenu_logo_hover.png); background-color:#000;} ul.sub_menu_items li.submenu_print a:hover, ul.sub_menu_items li.submenu_print.active a{background-image:url(/web/20161227195105im_/http://surevin.co.in/images/submenu_print_hover.png); background-color:#23005A;} ul.sub_menu_items li.submenu_website a:hover, ul.sub_menu_items li.submenu_website.active a{background-image:url(/web/20161227195105im_/http://surevin.co.in/images/submenu_website_hover.png); background-color:#115505;} ul.sub_menu_items li.submenu_social a:hover, ul.sub_menu_items li.submenu_social.active a{background-image:url(/web/20161227195105im_/http://surevin.co.in/images/submenu_seo_hover.png); background-color:#5D1E30;} ul.sub_menu_items li.submenu_seo a:hover, ul.sub_menu_items li.submenu_seo.active a{background-image:url(/web/20161227195105im_/http://surevin.co.in/images/submenu_seo_hover.png); background-color:#B60202;}*/ ul.sub_menu_items li.submenu_logo a:hover, ul.sub_menu_items li.submenu_logo.active a{background-image:url(/web/20161227195105im_/http://surevin.co.in/images/submenu_logo_hover.png); background-color:#fff;} ul.sub_menu_items li.submenu_print a:hover, ul.sub_menu_items li.submenu_print.active a{background-image:url(/web/20161227195105im_/http://surevin.co.in/images/submenu_print_hover.png); background-color:#fff;} ul.sub_menu_items li.submenu_website a:hover, ul.sub_menu_items li.submenu_website.active a{background-image:url(/web/20161227195105im_/http://surevin.co.in/images/submenu_website_hover.png); background-color:#fff;} ul.sub_menu_items li.submenu_social a:hover, ul.sub_menu_items li.submenu_social.active a{background-image:url(/web/20161227195105im_/http://surevin.co.in/images/submenu_seo_hover.png); background-color:#fff;} ul.sub_menu_items li.submenu_seo a:hover, ul.sub_menu_items li.submenu_seo.active a{background-image:url(/web/20161227195105im_/http://surevin.co.in/images/submenu_seo_hover.png); background-color:#fff;} .innerpagebanner{width:100%; height:294px; overflow:hidden; background:#faa61a;} .innerpage_menu_mobile{display:none; position:relative; height:44px; width:100%; background:#1a78b4; background: #7db9e8; /* Old browsers */ background: -moz-linear-gradient(top, #7db9e8 0%, #207cca 65%, #1e5799 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(65%,#207cca), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7db9e8 0%,#207cca 65%,#1e5799 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7db9e8 0%,#207cca 65%,#1e5799 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7db9e8 0%,#207cca 65%,#1e5799 100%); /* IE10+ */ background: linear-gradient(to bottom, #7db9e8 0%,#207cca 65%,#1e5799 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow:0px 2px 8px rgba(0, 0, 0, 0.7); -moz-box-shadow:0px 2px 8px rgba(0, 0, 0, 0.7); box-shadow:0px 2px 8px rgba(0, 0, 0, 0.7);} a.innerpage_item{float:left; margin-left:18px; line-height:44px; font-size:16px; font-weight:bold; color:#fff; font-family: 'Oxygen', sans-serif; height:52px; display:inline-block; color:#000; background:url(/web/20161227195105im_/http://surevin.co.in/images/innerpagemenubg.png) center 44px no-repeat; transition:color 0.3s ease-in-out; -webkit- transition:color 0.3s ease-in-out; -moz- transition:color 0.3s ease-in-out; -o- transition:color 0.3s ease-in-out; -ms- transition:color 0.3s ease-in-out;} a.innerpage_item:hover{color:#fff;} .innerpage_mobilemenu_trigger{float:right; cursor:pointer; width:38px; height:38px; margin-top:3px; margin-right:10px; background: url(/web/20161227195105im_/http://surevin.co.in/images/innerpagemobilemenu.png) top center no-repeat;} .innerpage_mobilemenu_container{display:none; background:#000; margin-top:44px; right:10px; float:right; text-align:center; border-radius:3px; position:absolute;} .innepage_mobilemenu_items{display:none;} .innepage_mobilemenu_items li{list-style:none; text-align:center; padding:0 10px; line-height:30px; font-size:15px; color:#fff; font-family: 'Oxygen', sans-serif;} .innepage_mobilemenu_items li a{ color:#fff; transition:color 0.3s ease-in-out; -webkit- transition:color 0.3s ease-in-out; -moz- transition:color 0.3s ease-in-out; -o- transition:color 0.3s ease-in-out; -ms- transition:color 0.3s ease-in-out;} .innepage_mobilemenu_items li a:hover{color:#faa61a; } .innerpage_menu{height:44px; width:100%; background:#1a78b4; background: #7db9e8; /* Old browsers */ background: -moz-linear-gradient(top, #7db9e8 0%, #207cca 65%, #1e5799 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(65%,#207cca), color-stop(100%,#1e5799)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7db9e8 0%,#207cca 65%,#1e5799 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7db9e8 0%,#207cca 65%,#1e5799 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7db9e8 0%,#207cca 65%,#1e5799 100%); /* IE10+ */ background: linear-gradient(to bottom, #7db9e8 0%,#207cca 65%,#1e5799 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#1e5799',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow:0px 2px 8px rgba(0, 0, 0, 0.7); -moz-box-shadow:0px 2px 8px rgba(0, 0, 0, 0.7); box-shadow:0px 2px 8px rgba(0, 0, 0, 0.7);} .innerpage_menu li{list-style:none; float:left; margin-left:28px; line-height:44px; font-size:18px; font-weight:bold; color:#fff; font-family: 'Oxygen', sans-serif;} .innerpage_menu li a{height:52px; display:inline-block; color:#fff; transition:color 0.3s ease-in-out; -webkit- transition:color 0.3s ease-in-out; -moz- transition:color 0.3s ease-in-out; -o- transition:color 0.3s ease-in-out; -ms- transition:color 0.3s ease-in-out; background-position:center 44px;} .innerpage_menu li a:hover, .innerpage_menu li a.active{color:#000; background:url(/web/20161227195105im_/http://surevin.co.in/images/innerpagemenubg.png) center 44px no-repeat;} .innerpage_container{margin-top:26px; width:100%; height:auto;} .innerpage_topsection{width:100%; height:auto; overflow:hidden;} .innerpage_topsection_left{width:34%; height:auto; overflow:hidden; float:left;} .innerpage_topsection_left h3{color:#505050; font-size:25px; font-family: 'Oxygen', sans-serif; line-height: 32px; padding-top:12px; text-transform:capitalize;} .innerpage_topsection_left h1{color:#faa61a; font-size:40px; font-family: 'Oxygen', sans-serif; letter-spacing: -1px; line-height: 46px; padding-top: 10px; text-transform:capitalize;} .innerpage_topsection_right p{color:#505050; font-size:15px; line-height:20px; font-family:Arial, Helvetica, sans-serif; text-align:justify;} .innerpage_topsection_right p span{display:block; font-style:italic;} .innerpage_topsection_right{width:64%; height:auto; overflow:hidden; float:right;} .innersectionrightvideo{width:100%; height:auto; margin-top: 10px;} .innersectionrightvideo li{height:auto; width:100%;} .innersectionrightvideo li img{max-width:100%; margin-top:8px;} .innerpage_topsection_right h3{font-size:20px; color:#505050; font-weight: normal; padding-top: 22px; line-height: 23px; float:left;} .innerpage_topsection_right h3 span{display:block; font-size:15px;} a.innersectiontoporder{display:block; width:176px; height:50px; margin-right: 30px; text-align: right; padding-right: 12px; color:#fff; font-family: 'Oxygen', sans-serif; line-height:50px; font-size:24px; background:url(/web/20161227195105im_/http://surevin.co.in/images/ordernowbg.png) 17px center no-repeat #23a6e0; border-radius:8px; font-weight: bold; margin-top:22px; transition:background 0.3s ease-in-out; -webkit- transition:background 0.3s ease-in-out; -moz- transition:background 0.3s ease-in-out; -o- transition:background 0.3s ease-in-out; -ms- transition:background 0.3s ease-in-out; float:right; border:1px solid #0f6db6; b57813} a.innersectiontoporder:hover{background: url(/web/20161227195105im_/http://surevin.co.in/images/ordernowbg.png) 17px center no-repeat #faa61a; border:1px solid #b57813;} .innerpagebottomsection{width:100%; margin-top:42px; height:auto; overflow:hidden;} .innerpagebottomsection h2{font-size:30px; letter-spacing:-1px; font-family: 'Oxygen', sans-serif; color:#faa61a; margin-bottom:20px;} .innerpagebottomsection h3{font-size:15px; color:#505050; font-weight:bold; text-transform:uppercase;} .innerpagebottomsection p{color:#505050; font-size:15px; font-family:Arial, Helvetica, sans-serif; text-align:justify; line-height: 22px;} .processlist{margin-top:40px;} .processlist li{list-style:none; width:24%; margin-right:1%; float:left; text-align:center;} .websitepageprocesslist.processlist li{width:28%; margin-left:8%; margin-right:0; margin-bottom:25px;} .processlist_top{height: 110px; width:100%;} .processlist_top img{max-height:100%;} .processlist_content{height:226px; width:98%; margin-top: 5px; background:#faa61a; border-radius: 150px; text-align:center; overflow:hidden; transition:border-radius 0.4s ease-in-out; -webkit- transition:border-radius 0.4s ease-in-out; -moz- transition:border-radius 0.4s ease-in-out; -o- transition:border-radius 0.4s ease-in-out; -ms- transition:border-radius 0.4s ease-in-out;} .websiteprocessc_content.processlist_content{height: 265px;} .processlist_content:hover{border-radius: 10%;} .processlist_content h3{font-size:15px; color:#505050; height: 30px; line-height: 30px; margin-bottom: 14px; font-weight:bold; text-transform:uppercase; margin-top:46px;} .processlist_content p{text-align:center; line-height: 18px;} .whyrocketdesignlist li{list-style:none; float:left; width:45%; margin-right:10%; margin-bottom:52px;} .whyrocketdesignlist li h3{color:#707070; margin-bottom:5px; text-transform:none; font-size: 16px;} .whyrocketdesignlist li p{line-height:18px; color:#707070;} .whyrocketdesignlistimage{width:27%; float:left;} .whyrocketdesignlist li img{max-width:100%; float:left; display:block;} .whyrocketdesigncontent{width:71%; float:right;} p.logotypes{font-size:18px; font-family: 'Oxygen', sans-serif; line-height:25px; margin-bottom: 32px;} p.logotypes span{margin-right:12px; font-weight: bold;} .span1{color:#32ade0}.span2{color:#b22525}.span3{color:#4cad1c}.span4{color:#c73089}.span5{color:#e8941c}.span6{color:#2c79ba}.span7{color:#2dbbaf} .portfolio_container{width:100%;} .margin_bottom_item{height:25px; width:100%;} /*===========================LOGO DESIGN====================================*/ .portfolio_innerpage{position:relative; overflow:hidden; margin-top: 20px;} .portfolio_innerpage img{max-width:100%; display:block;} .portfololio_inneritem{width:32%; position:absolute; height:90%; overflow:hidden; left:50%; top:10%; margin-left:-16%;} .portfololio_inneritem ul li{max-width:100%; list-style:none; text-align:center;} .portfololio_inneritem ul li img{max-width:100%;} /*===========================LOGO DESIGN====================================*/ /*===========================WEBSITE DESIGN====================================*/ .website_portfolio{position:relative; overflow:hidden; margin-top:0px;} .website_portfolio img{max-width:100%; display:block;} .webportfolio_inneritem{width:80%;height:92%;margin-left:-40%;top:8%;position:absolute;overflow:hidden;left:50%; } .webportfolio_inneritem ul li{max-width:100%; list-style:none; text-align:center;} .webportfolio_inneritem ul li img{max-width:100%;} /*===========================WEBSITE DESIGN====================================*/ /*====================================pricing==========================================*/ .pricingpage_container{width:100%; height:auto; margin:0 auto; margin-top:75px; overflow:hidden; margin-bottom: 20px;} .pricingpage_container h2{color:#faa61a; font-size:42px; font-family:Arial, Helvetica, sans-serif; text-align:center;} .pricingpackage_container{width:100%; height:auto; margin-top:35px; overflow:hidden;} .pricingpackage_container ul li{list-style:none; width: 30%; height:auto; float: left; margin-right: 4.5%; text-align:center;}/* margin-right: 4%;*/ .pricingpackage_container ul li:nth-child(1):hover .pricingpackgeitems{border: 5px solid #80b100; background:#80b100;} .pricingpackage_container ul li:nth-child(2):hover .pricingpackgeitems{border: 5px solid #bf2679; background:#bf2679;} .pricingpackage_container ul li:nth-child(3):hover .pricingpackgeitems{border: 5px solid #2797db; background:#2797db;} .pricingpackage_container ul li.basicpackagelist .pricingpackgeitems{border: 5px solid #80b100; background:#80b100;} .pricingpackage_container ul li.corporatepackagelist .pricingpackgeitems{border: 5px solid #bf2679; background:#bf2679;} .pricingpackage_container ul li.advancedpackagelist .pricingpackgeitems{border: 5px solid #2797db; background:#2797db;} .pricingpackgeitems{width:100%; height:394px; border: 5px solid #cccccc; background:#cccccc; float:left;transition:background 0.3s ease-in-out; -webkit- transition:background 0.3s ease-in-out; -moz- transition:background 0.3s ease-in-out; -o- transition:background 0.3s ease-in-out; -ms- transition:background 0.3s ease-in-out;margin-bottom:-21px;} .image_container{width:100%; height:58%; background:#fff; text-align:center; position:relative;} .image_container > span.txt_top{top:10px; right:5px; color:#8e0c5b; font-size:17px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; position:absolute; font-style:italic;} .image_container h3{padding-top:32px; padding-bottom:16px; font-size:42px; color:#80b100; text-align:center;} .pricingoutervaluecont{width:102px; height:102px; margin:0 auto; border:5px solid #80b100; border-radius:150px;} .pricinginnervaluecont{width:94px; height:94px; margin:0 auto; background:#80b100; margin-top: 4px; border-radius:150px;} .pricinginnervaluecont p{line-height:94px; font-size:24px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; text-align:center; color:#fff;} .corporate_item h3{color:#bf2679;} .corporate_item .pricingoutervaluecont{ border:5px solid #bf2679;} .corporate_item .pricinginnervaluecont{ background:#bf2679;} .advanced_item{margin-right:0;} .advanced_item h3{color:#2797db;} .advanced_item .pricingoutervaluecont{ border:5px solid #2797db;} .advanced_item .pricinginnervaluecont{ background:#2797db;} .pricingpackgeitems > p{font-size:15px; margin-top: 30px; color:#000; font-family:Arial, Helvetica, sans-serif; text-align:center; line-height:22px;} .pricingpackage_container ul li:hover .pricingpackgeitems > p{color:#fff;} .pricingpackage_container ul li button{width:142px; height:42px; border:1px solid #0f6db6; border-radius:3px; font-size:15px; font-weight:bold; color:#fff; text-align:center; cursor:pointer; transition:color 0.3s ease-in-out; -webkit- transition:color 0.3s ease-in-out; -moz- transition:color 0.3s ease-in-out; -o- transition:color 0.3s ease-in-out; -ms- transition:color 0.3s ease-in-out; background: #1e79c6; /* Old browsers */ background: -moz-linear-gradient(top, #7db9e8 0%, #27a2f2 0%, #228ddb 49%, #185da8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(0%,#27a2f2), color-stop(49%,#228ddb), color-stop(100%,#185da8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7db9e8 0%,#27a2f2 0%,#228ddb 49%,#185da8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7db9e8 0%,#27a2f2 0%,#228ddb 49%,#185da8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7db9e8 0%,#27a2f2 0%,#228ddb 49%,#185da8 100%); /* IE10+ */ background: linear-gradient(to bottom, #7db9e8 0%,#27a2f2 0%,#228ddb 49%,#185da8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#185da8',GradientType=0 ); /* IE6-9 */ display: block; margin: 0 auto; position: relative; z-index: 1000; } .pricingpackage_container ul li button:hover{color:#000;} .pricing_contact{width:100%; height:auto; margin:0 auto; position:relative; overflow: hidden;} .pricing_contact img{display:block; max-width:100%;} .pricing_contact_container{position:absolute; top:170px; width:100%;} .pricing_contact_container h2{font-size:25px; text-align:center; color:#000; font-weight:normal;} .pricing_contact_container h2 span{font-size:15px;} .pricing_contact_container h3{color:#faa61a; font-size:30px; width:160px; background:url(/web/20161227195105im_/http://surevin.co.in/images/rupeeicon.png) left top no-repeat; padding-left: 22px; display: inline-block; margin-left: 88px; margin-top: 10px;} .pricingcontact_lefthead{width:50%; float:left;} .pricingcontact_lefthead h2{float: left; margin-left: 52px;} .pricingcontact_righthead{width:50%; float:right;} .pricingcontact_righthead h2{float: right; margin-right: 52px;} .pricing_contact button{width:142px; height:42px; border:1px solid #0f6db6; border-radius:3px; margin:0 auto; display:block; margin-top: 18px; font-size:15px; font-weight:bold; color:#fff; text-align:center; cursor:pointer; transition:color 0.3s ease-in-out; -webkit- transition:color 0.3s ease-in-out; -moz- transition:color 0.3s ease-in-out; -o- transition:color 0.3s ease-in-out; -ms- transition:color 0.3s ease-in-out; background: #1e79c6; /* Old browsers */ background: -moz-linear-gradient(top, #7db9e8 0%, #27a2f2 0%, #228ddb 49%, #185da8 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7db9e8), color-stop(0%,#27a2f2), color-stop(49%,#228ddb), color-stop(100%,#185da8)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7db9e8 0%,#27a2f2 0%,#228ddb 49%,#185da8 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7db9e8 0%,#27a2f2 0%,#228ddb 49%,#185da8 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7db9e8 0%,#27a2f2 0%,#228ddb 49%,#185da8 100%); /* IE10+ */ background: linear-gradient(to bottom, #7db9e8 0%,#27a2f2 0%,#228ddb 49%,#185da8 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#185da8',GradientType=0 ); /* IE6-9 */ } .pricing_contact button:hover{color:#000;} p.left_sideslidebtn{float: right; display: inline-block; margin-top: 10px; margin-right: 100px;} p.right_sideslidebtn{float: right; display: inline-block; margin-top: 10px; margin-right: 100px;} .pricing_contact_container h4{text-align: center; font-style: italic; font-size: 20px; font-weight: normal; padding-top: 45px; clear: both; margin-bottom: 16px;} .pricing_contact input[type="text"], .pricing_contact textarea{padding: 15px; border: 1px solid #7a6d66; margin-bottom: 5px; width: 24%; float: left; margin-left: 2%; display: inline-block; font-family:Arial, Helvetica, sans-serif;} #pricingemail{clear:left;} .pricing_contact textarea{float: right; margin-right: 2%; width: 34%; margin-top: -53px; height: 72px;} /*======================Sliding Button=========================*/ .cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: url(/web/20161227195105im_/http://surevin.co.in/images/switch.gif) repeat-x; display: block; float: left; } .cb-enable span, .cb-disable span { line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold; } .cb-enable span { background-position: left -90px; padding: 0 10px; } .cb-disable span { background-position: right -180px;padding: 0 10px; } .cb-disable.selected { background-position: 0 -30px; } .cb-disable.selected span { background-position: right -210px; color: #fff; } .cb-enable.selected { background-position: 0 -60px; } .cb-enable.selected span { background-position: left -150px; color: #fff; } .rt-enable, .rt-disable, .rt-enable span, .rt-disable span { background: url(/web/20161227195105im_/http://surevin.co.in/images/switch.gif) repeat-x; display: block; float: left; } .rt-enable span, .rt-disable span { line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold; } .rt-enable span { background-position: left -90px; padding: 0 10px; } .rt-disable span { background-position: right -180px;padding: 0 10px; } .rt-disable.selected { background-position: 0 -30px; } .rt-disable.selected span { background-position: right -210px; color: #fff; } .rt-enable.selected { background-position: 0 -60px; } .rt-enable.selected span { background-position: left -150px; color: #fff; } .switch label { cursor: pointer; } .switch input { display: none; } /*======================Sliding Button=========================*/ /*====================================pricing==========================================*/ /*====================================CONTACT+ US========================================*/ #googlemap{width:100%; height:370px;} .contactus_container{width:100%; height:auto; margin-top:50px; margin-bottom:50px; overflow:hidden;} .contactus_left{width:50%; height:auto; overflow:hidden; float:left;} .contactus_right{width:45%; height:auto; overflow:hidden; float:right;} .contactus_container h2{font-size:34px; font-weight:bold; letter-spacing:-2px; color:#1e81bd; font-family: 'Oxygen', sans-serif;} .contactus_container h2 span{display:block; margin-top: 10px; color:#faa61a;} .contactus_left p{margin-top:25px; color:#505050; line-height:21px; font-size:17px; font-family:Arial, Helvetica, sans-serif;} .contactus_left p a{font-weight:bold; color:#505050; display:inline-block; transition:color 0.3s ease-in-out; -webkit- transition:color 0.3s ease-in-out; -moz- transition:color 0.3s ease-in-out; -o- transition:color 0.3s ease-in-out; -ms- transition:color 0.3s ease-in-out;} .contactus_left p a:hover{color:#faa61a;} .contactus_right input[type="text"], .contactus_right textarea{width:92%; font-size:16px; padding:15px; color:#000; font-family:Arial, Helvetica, sans-serif; margin-top:20px; border:1px solid #818181; display:block; font-style: italic;} .contactus_right textarea{height:190px;} .contactus_right input[type="submit"]{margin-top:20px; display:block; float:right; padding:16px 22px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:18px; color:#fff; text-align:center; border:none; border-radius:5px; cursor:pointer; margin-bottom: 5px; margin-right: 5px; background: #166eaa; /* Old browsers */ background: -moz-linear-gradient(top, #2188c3 0%, #166ca8 60%, #0d5693 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2188c3), color-stop(60%,#166ca8), color-stop(100%,#0d5693)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #2188c3 0%,#166ca8 60%,#0d5693 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #2188c3 0%,#166ca8 60%,#0d5693 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #2188c3 0%,#166ca8 60%,#0d5693 100%); /* IE10+ */ background: linear-gradient(to bottom, #2188c3 0%,#166ca8 60%,#0d5693 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2188c3', endColorstr='#0d5693',GradientType=0 ); /* IE6-9 */ -webkit-box-shadow: 0 0 5px 1px #8F8F8F; box-shadow: 0 0 5px 1px #8F8F8F; transition:background 0.4s ease-in-out; -webkit- transition:background 0.4s ease-in-out; -moz- transition:background 0.4s ease-in-out; -o- transition:background 0.4s ease-in-out; -ms- transition:background 0.4s ease-in-out; } .contactus_right input[type="submit"]:hover{background:#faa61a;} /*====================================CONTACT US========================================*/ /*=====================================ABOUT US============================================*/ .about_menu{height:auto; width:100%; overflow:hidden; margin-bottom:60px;} ul.about_menu_item{height: 46px; border:1px solid #929292; width:99%; background:#cccccc;} ul.about_menu_item li{ width: auto; height: 53px; line-height: 46px; list-style:none; float:left; font-size:20px; text-align:center; color:#4f4f4f; font-family:Arial, Helvetica, sans-serif; font-weight:normal; transition:background 0.4s ease-in-out; -webkit- transition:background 0.4s ease-in-out; -moz- transition:background 0.4s ease-in-out; -o- transition:background 0.4s ease-in-out; -ms- transition:background 0.4s ease-in-out; background:none; background-position: center 46px;} ul.about_menu_item li a{color:#4f4f4f; height: 46px; width: auto; padding: 0 28px; line-height: 46px; display:inline-block; transition:color 0.3s ease-in-out; -webkit- transition:color 0.3s ease-in-out; -moz- transition:color 0.3s ease-in-out; -o- transition:color 0.3s ease-in-out; -ms- transition:color 0.3s ease-in-out; transition:background 0.4s ease-in-out; -webkit- transition:background 0.4s ease-in-out; -moz- transition:background 0.4s ease-in-out; -o- transition:background 0.4s ease-in-out; -ms- transition:background 0.4s ease-in-out;} ul.about_menu_item li.active a, ul.about_menu_item li:hover a{color:#fff; background: #faa61a;} ul.about_menu_item li.active, ul.about_menu_item li:hover{background:url(/web/20161227195105im_/http://surevin.co.in/images/aboutmenu_hoverbg.png) center bottom no-repeat;} .aboutus_container{width:100%; height:auto; margin-top:84px; overflow:hidden;} .about_top{width:100%; height:auto; overflow:hidden; background:url(/web/20161227195105im_/http://surevin.co.in/images/aboutus_bodybg.png) left bottom no-repeat; min-height:415px;} .aboutus_topcontent{float:right; width:75%; height:auto; overflow:hidden;} .aboutus_topcontent h2 span{color:#faa61a; display:block;} .aboutus_topcontent p{color:#505050; font-family:Arial, Helvetica, sans-serif; font-size:15px; text-align:justify; line-height: 20px;} .aboutus_container h2{color:#faa61a; font-size:40px; line-height: 50px; margin-top:70px; margin-bottom:20px;} .aboutus_topcontent h2{color:#505050; font-size:40px; font-family: 'Oxygen', sans-serif; margin-top:0px; line-height: 50px; margin-bottom:20px;} .aboutmap{width:100%; height:auto; overflow:hidden; margin-top:85px; text-align:center;} .aboutmap h3{text-align:center; font-size:52px; color:#faa61a; font-family:Arial, Helvetica, sans-serif; font-weight:normal;} .aboutmap h3 span{color:#7c7c7c; font-size:40px; font-style:italic;} .aboutmap img{max-width:100%;} .aboutmap h4{text-align:center; font-size:18px; color:#a5a5a5; font-family:Arial, Helvetica, sans-serif; font-weight:normal;} .partnerslider li img{max-width:100%;} .about_studio{overflow:hidden; margin:0 auto;} .about_studio img{max-width:100%;} .largeimage{width:59%; height:auto; float:left;} .smallimage{width:41%; height:auto; float:left;} .largeimage img, .smallimage img{float:left} .aboutmobileactivemenu{ width:100%; margin-bottom: 2px; margin-top: 10px; text-align:center; line-height:40px; background:#faa61a; border-radius:3px; color:#fff; height:40px; font-size:14px; line-height:40px; font-weight:bold; transition:color 0.3s ease-in-out; -webkit- transition:color 0.3s ease-in-out; -moz- transition:color 0.3s ease-in-out; -o- transition:color 0.3s ease-in-out; -ms- transition:color 0.3s ease-in-out; display:none;} .aboutmobilemenu_trigger{height:40px; width:40px; position:absolute; top:10px; right:20px; background:url(/web/20161227195105im_/http://surevin.co.in/images/aboutmobilemenubg.png) center center no-repeat; display:none; cursor:pointer;} .aboutmobilemenu_container{ width:100%; height:auto; overflow:hidden; display:none;} ul.about_mobilemenu li{list-style:none; width:100%; margin-bottom: 2px; text-align:center; line-height:40px; background:#faa61a; border-radius:3px; display:none; font-size:14px;} ul.about_mobilemenu li a{color:#fff; display:block; height:40px; line-height:40px; transition:all 0.3s ease-in-out; -webkit- transition:all 0.3s ease-in-out; -moz- transition:all 0.3s ease-in-out; -o- transition:all 0.3s ease-in-out; -ms- transition:all 0.3s ease-in-out;} ul.about_mobilemenu li.active a, ul.about_mobilemenu li a:hover{font-weight:bold;} /*=====================================ABOUT US============================================*/ /*======================================FAQ PAGE=============================================*/ .faq_container{width:100%; height:auto; overflow:hidden; margin: 30px 0;} .faq_container p{color: #505050; padding: 5px 0; font-family: Arial, Helvetica, sans-serif; font-size: 15px; text-align: justify; line-height: 20px;} /*======================================FAQ PAGE=============================================*/ .leftside_panel{position:fixed; top:50%; margin-top:-136px; left:0; width:40px; height:auto; overflow:hidden; z-index:9999999; display:none;} .leftside_panel ul li{list-style:none;} .leftside_panel ul li a{height:40px; width:40px; padding-bottom:8px; display:block; text-indent:-9999px; background-color:#33353B; background-position:center center; background-repeat:no-repeat; transition:background 0.4s ease-in-out; -webkit- transition:background 0.4s ease-in-out; -moz- transition:background 0.4s ease-in-out; -o- transition:background 0.4s ease-in-out; -ms- transition:background 0.4s ease-in-out;} a.facebookicon{background-image:url(/web/20161227195105im_/http://surevin.co.in/images/fbicon.png);} a.facebookicon:hover{background-color:#3b5998} a.twittericon{background-image:url(/web/20161227195105im_/http://surevin.co.in/images/twittericon.png);} a.twittericon:hover{background-color:#00c0f7} a.googleplusicon{background-image:url(/web/20161227195105im_/http://surevin.co.in/images/gplusicon.png);} a.googleplusicon:hover{background-color:#b83324} a.youtubeicon{background-image:url(/web/20161227195105im_/http://surevin.co.in/images/youtubeicon.png);} a.youtubeicon:hover{background-color:#ad1a20} a.linkedinicon{background-image:url(/web/20161227195105im_/http://surevin.co.in/images/linkedinicon.png);} a.linkedinicon:hover{background-color:#0676b4} .scrolltotopcontainer{display:block;} a.scrollToTop{width:40px; height:40px; text-align:center; font-weight: bold; color: #444;text-decoration: none; position:fixed; bottom:30px; right:30px; display:none; background: url(/web/20161227195105im_/http://surevin.co.in/images/scrolltop.png) center center no-repeat; cursor:pointer; z-index: 99999; text-indent:-9999px; transition:background 0.4s ease-in-out; -webkit- transition:background 0.4s ease-in-out; -moz- transition:background 0.4s ease-in-out; -o- transition:background 0.4s ease-in-out; -ms- transition:background 0.4s ease-in-out; background-position:center top;} a.scrollToTop:hover{text-decoration:none; background-position:center -40px;} .cycle-slideshow { -webkit-perspective: 1000; -webkit-transform-style: preserve-3d; -moz-perspective: 1000; -moz-transform-style: preserve-3d; -o-perspective: 1000; -o-transform-style: preserve-3d; perspective: 1000; transform-style: preserve-3d; } /*SEO PAGE*/ .full_width{width:100%;} .full_width.seo_container h1{color: #faa61a;font-size: 40px;font-family: 'Oxygen', sans-serif;letter-spacing: -1px;line-height: 46px;padding-top: 5px;} .full_width.seo_container h2{color: #505050;font-size: 25px;font-family: 'Oxygen', sans-serif;line-height: 32px;padding-top: 12px;} .full_width.seo_container h3{color: #faa61a;font-size: 25px;font-family: 'Oxygen', sans-serif;line-height: 32px;} /*.seo_leftside_cont{width:420px;float:left;margin-top:30px;}*/ .seo_leftside_cont{width:380px;float:left;margin-top:30px;} .seo_leftside_cont p {color:#505050;font-family:Arial, Helvetica, sans-serif;font-size:15px;line-height:21px;} .seo_leftside_cont p.big_text{font-size:18px;line-height:24px;} .seo_leftside_cont a.innersectiontoporder{float:none;margin-bottom:10px;margin-top:15px;} img.seo_img_top_right{float:right;} .seo_wrap .pricingpage_container{margin-top:20px;} .seo_wrap .pricingpage_container h3.sub_title{text-align:center;font-size:18px;color:#505050;margin-top:5px;} .seo_wrap .pricinginnervaluecont p{font-size:22px;} .seo_wrap .image_container h3{padding-bottom: 1px;} .seo_wrap .pricingoutervaluecont{margin-top: 25px;} .seo_wrap .image_container{height:49%;} .seo_wrap .pricingpackgeitems{height:520px;} .seo_wrap .pricing_contact_container{top:150px;} .whychoose_each{margin-bottom:30px;clear:both;overflow:hidden;} .whychoose_each img{} .whychoose_each div{width:70%;} /*.whychoose_each h1{font-size:21px;color:#faa61a;}*/ .whychoose_each p{text-align:left;margin-top:50px;} .whychoose_each p strong{font-size:21px;color:#faa61a;} .whychoose_each.lftimg img{float:left;margin-right:2%;} .whychoose_each.lftimg div{float:left;} .whychoose_each.rgtimg img{float:right;margin-left:2%;} .whychoose_each.rgtimg div{float:left;} .quickcontact{background:#ddd;border:1px solid #c2c2c2;padding:15px 30px 15px 30px;margin-top:30px;} .quickcontact form{width:94%;margin:0 auto;} .quickcontact label{color:#000;font-size:20px;padding-bottom:10px;display:block;} .quickcontact input[type="text"]{height:38px;width:185px;padding:0 10px 0 35px;border:1px solid #c2c2c2;display:inline-block;border-radius:5px;-webkit-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.1); -moz-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.1); box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.1);background:#FFF;} .quickcontact input[type="text"].name{background:url(/web/20161227195105im_/http://surevin.co.in/images/icon_name.jpg) no-repeat 10px center #fff;} .quickcontact input[type="text"].phone{background:url(/web/20161227195105im_/http://surevin.co.in/images/icon_call.jpg) no-repeat 10px center #fff;} .quickcontact input[type="text"].email{background:url(/web/20161227195105im_/http://surevin.co.in/images/icon_email.jpg) no-repeat 10px center #fff;} .quickcontact input[type="submit"]{color:#fff;cursor:pointer;font-size:18px;text-align:center;border:1px solid #0f6db6;border-radius:5px;height:40px;padding:0 14px; margin-left:8px; background: #27cbf5; /* Old browsers */ background: -moz-linear-gradient(top, #27cbf5 0%, #1d77c4 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#27cbf5), color-stop(100%,#1d77c4)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #27cbf5 0%,#1d77c4 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #27cbf5 0%,#1d77c4 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #27cbf5 0%,#1d77c4 100%); /* IE10+ */ background: linear-gradient(to bottom, #27cbf5 0%,#1d77c4 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#27cbf5', endColorstr='#1d77c4',GradientType=0 ); /* IE6-9 */ } .seo_process #process_steps,.smm_process #process_steps {border:1px solid #ccc;border-radius:10px;padding:2%;margin-top:80px;-webkit-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.32); -moz-box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.32); box-shadow: 0px 0px 9px 0px rgba(50, 50, 50, 0.32);} #process_steps ul.slide_menu{margin-top:-80px} #process_steps ul.slide_menu{} #process_steps .slide_menu li{border-radius:5px;margin-right:-10px;overflow:hidden;-webkit-box-shadow: 5px 0px 15px 0px rgba(50, 50, 50, 0.36);-moz-box-shadow:5px 0px 15px 0px rgba(50, 50, 50, 0.36);box-shadow:5px 0px 15px 0px rgba(50, 50, 50, 0.36);position:relative;} #process_steps ul.slide_menu li.step01{z-index:5;} #process_steps ul.slide_menu li.step02{z-index:4;} #process_steps ul.slide_menu li.step03{z-index:3;} #process_steps ul.slide_menu li.step04{z-index:2;} #process_steps ul.slide_menu li.step05{z-index:1;} /*#process_steps ul.slide_menu li a{width:190px;text-align:center;padding:30px 0px;}*/ #process_steps ul.slide_menu li a span{font-size:26px;} #process_steps ul.slide_menu li.step01 a{background:#faa61a;} #process_steps ul.slide_menu li.step02 a{background:#c88200;} #process_steps ul.slide_menu li.step03 a{background:#b77800;} #process_steps ul.slide_menu li.step04 a{background:#9f6800;} #process_steps ul.slide_menu li.step05 a{background:#764d00;} #tabs_container section{} #tabs_container h1{font-size:21px;color:#faa61a;} #tabs_container .main_desc_holder{width:100%;text-align:center;overflow:hidden;border-bottom:1px solid #ccc;margin-bottom:40px;} #tabs_container .main_desc_holder h1{font-size:30px;color:#faa61a;font-weight:normal;margin-bottom:10px;} #tabs_container .main_desc_holder p{font-size:18px;text-align:center;margin-bottom:25px;line-height:26px;} #tabs_container ul{width:100%;} #tabs_container ul li{display:block;float:left;width:43%;margin-right:7%;margin-bottom:3%;} #tabs_container ul li.mr_reset{margin-right:0px;} /*SOCIAL MEDIA MARKERING*/ .seo_wrap .smm_pricing .image_container{height:44%;} .seo_wrap .smm_pricing .pricingpackgeitems{height:783px;} /*WEBSITE DESIGN PAGE*/ .seo_wrap .website_pricing .image_container{height:45%;} .seo_wrap .website_pricing .pricingpackgeitems{height:586px;} /*PRICING PACKAGE FORM*/ .pricing_body{} .pricing_body img.connection_lines{display:block;margin:0 auto;} .pricing_body img.border_top{} .pricing_body .pricing_body_left_border{background:url(/web/20161227195105im_/http://surevin.co.in/images/pricing/border_green.png) left repeat-y;} .pricing_body .pricing_body_right_border{overflow:hidden;background:url(/web/20161227195105im_/http://surevin.co.in/images/pricing/border_blue.png) right repeat-y;} .pricing_body .pricing_contact_container{position:relative;top:0px;} .pricing_body{} /*Error Message*/ .pricing_contact #error{margin-left: 20px;color: #228B43;font-weight: bold;} #errorexpert li{margin-top:10px;color:#DB1919} #errorexpert p{color:#228B43;margin-top:10px;} /*============================InnerPages================================*/ @media only screen and (min-width: 769px) and (max-width: 990px) { .wrapper{width:750px;} header{width: 750px; margin-left: -375px;} ul.sub_menu_items {width: 730px;} ul.sub_menu_items li {width: 130px; height: 112px; margin: 0 8px;} ul.sub_menu_items li a {width: 132px; height: 112px; background-position: center 24px;} ul.sub_menu_items li a p {margin-top: 80px; font-size: 14px;} .innerpagebanner {height: 274px;} .banner_container {width: 740px;} .slidethreeleft {width: 450px;} .banner_container h2 {font-size: 30px;} .banner_container h2 a {font-size: 24px;} .slidethreeright {width: 260px;} .slidetwoleft {width: 460px;} .slidetworight {width: 250px;} .banner_container p {font-size: 18px;} .slideoneleft {width: 270px;} .slideoneright {width: 470px;} .slideoneright ul li {width: 154px;} .offersection h1, .homeformsection h1, .client_info h2, .news h2, .videos h2, .innerpage_topsection_left h1{font-size: 38px;} .innerpage_menu li {font-size: 16px;} .innerpage_topsection_left h3 {font-size: 22px;} .innerpagebottomsection h2 {font-size: 28px;} .processlist_content h3 {font-size: 14px;} .whyrocketdesignlist li h3 {font-size: 15px;} .innerpagebottomsection p {font-size: 14px;} .offermenu_container ul li{width: 150px;} .offermenu_container ul li a div, .offermenu_container ul li a span {width: 149px;} .offermenu_container ul li a div { height: 185px;} .formhead input{width: 240px; font-size: 12px; bottom: 180px; margin-left: -120px;} .num1{top: 104px; left: 214px; font-size: 18px; height: 25px; width: 25px; line-height:25px;} .num2, .num3{left: 112px; top: -210px;} .num3{top: -130px;} .movingarrow{top:80px;} .selectsolutions_items {margin-top: -160px;} .selectsolutions_items p { font-size: 18px;} .selectsolutions_items p span {font-size: 13px; margin-top: 5px; line-height: 14px;} .selectsolutions_items label {width: 180px;} .designsolution, .websolution, .marketing {width: 246px;} .contact_details{background:none; border: 3px solid #faa61a; border-radius: 10px;} .contact_details input { width: 160px;} .contact_details textarea {width: 300px;} .client_info h2 {line-height: 90px;} .news { width: 500px;} .videos {width: 240px;} ul.news_items li {width: 240px; margin-left: 20px;} .footertitleleft {width: 435px;} .sitemap {width: 220px;} .sitemap ul li {width: 110px;} .footer_servicemenu {width: 340px;} .footer_servicemenu ul li {width: 170px;} .footer_contact{margin-right: 40px;} .processlist_content{border-radius: 10%;} .innerpage_topsection_right h3 {font-size: 18px;} .innerpage_topsection_right h3 span{font-size: 13px;} a.innersectiontoporder{margin-right:5px;} .contactus_container h2 {font-size: 28px;} .contactus_right input[type="text"], .contactus_right textarea {width: 91%; font-size: 14px; padding: 12px;} .contactus_right textarea {height: 120px;} .contactus_right input[type="submit"]{padding: 14px 18px; font-size: 16px;} ul.about_menu_item li{font-size: 18px;} ul.about_menu_item li a{padding: 0 22px;} .about_contents {width: 66%;} .about_contents h2 {font-size: 23px; line-height: 30px;} .about_contents p {padding: 18px 0; font-size: 14px; line-height: 21px;} .about_contents h3 {font-size: 35px; line-height: 30px;} .about_bottom h2 {margin-bottom: 30px; font-size: 38px;} .about_bottom {margin-bottom:25px;} .pricing_contact_container{top: 125px;} .pricing_contact_container h2{font-size: 20px;} .pricing_contact_container h3{font-size: 22px; width: 110px; margin-left: 55px; margin-top: 5px;} p.left_sideslidebtn{margin-top: 2px; margin-right: 60px;} p.right_sideslidebtn{margin-top: 2px; margin-right: 60px;} .pricing_contact_container h4{padding-top: 12px;} .pricing_contact textarea{width: 32%; margin-top: -108px;} } @media only screen and (min-width: 730px) and (max-width: 990px) { .pricingsection h1 {font-size: 32px;} .pricing_leftside{width: 500px;} .pricing_rightside {width: 190px;} .logopackages {width: 160px; margin-right: 5px;} .logopackages h2, .logopackages h3{font-size: 30px;} .logopackages ul {margin: 15px 0 0 10px;} .logopackages ul li {font-size: 13px;} .logopackages button {left:22px; font-size: 16px;} .pricing_rightside {width: 190px;} .pricing_right_contents ul li {font-size: 13px;} .pricing_right_contents h3 {font-size: 20px;} ul.additionalitem li {min-height: 50px; line-height: 50px;} ul.additionalitem li h2 {padding-left: 20px; font-size: 25px;} ul.additionalitem li button {margin: 4px 10px 0 10px; font-size: 16px;} ul.additionalitem li p {font-size: 28px;} .pricing_rightside_formarea #refreshpage {width: 160px;} } @media only screen and (min-width: 480px) and (max-width: 729px) { .pricingsection h1 {font-size: 25px;} .pricing_leftside{width: 100%; float:none;} .pricing_rightside {width: 190px;} .logopackages {width: 32%; margin-right: 5px; margin-bottom: 40px;} .logopackages h2, .logopackages h3{font-size: 24px;} .logopackages h2{top: -23px;} .logopackages h3 span {margin: 4px 5px 0 0;} .logopackages ul {margin: 15px 0 0 12px;} .logopackages ul li {font-size: 13px;} .logopackages button {left: 50%; margin-left: -57px; font-size: 16px;} .pricing_rightside {width: 80%; margin: 0 auto; float:none;} .pricing_rightside h2{text-align:center;} .pricing_rightside img{display:none;} .pricing_right_contents ul li {font-size: 15px;} .pricing_right_contents h3 {font-size: 20px;} ul.additionalitem li {min-height: 50px; line-height: 50px; width: 99%;} ul.additionalitem li h2 {padding-left: 18px; font-size: 18px;} ul.additionalitem li button {margin: 4px 10px 0 10px; font-size: 16px;} ul.additionalitem li p {font-size: 26px;} } @media only screen and (min-width: 480px) and (max-width: 768px) { p{font-size:12px;} .mobileicon, .mobilemenu_container{display:block;} .wrapper{width:98%;} header{width: 100%; margin-left: auto; left: inherit;} .topmainmenu{display:none;} a.logo {margin-left: 5px;} .talktous, .getstarted{width: 178px; margin-top: 3px;} .talktous p {font-size: 14px;} .blog_link{left: 0; margin-left: 5px;} ul.sub_menu_items {width: 475px;} ul.sub_menu_items li {width: 85px; height:90px; margin: 0 4px;} ul.sub_menu_items li a {width: 85px; height: 90px; background-position: center 10px;} ul.sub_menu_items li a p {margin-top: 64px; font-size: 12px;} .innerpagebanner {height: 252px;} .banner_container {width: 98%;} .slidethreeleft {width: 75%;} .banner_container h2 {font-size: 22px; line-height: 35px;} .banner_container h2 a {font-size: 20px;} .banner_container a{font-size: 15px; line-height: 20px;} .slidethreeright {width: 25%;} .slidetwoleft {width: 58%} .slidetworight {width: 42%} .banner_container p {font-size: 16px; line-height: 22px;} .slideoneleft {width: 42%;} .slideoneright {width:58%;} .slideoneright ul li {width: 33%;} .offersection h1, .homeformsection h1, .client_info h2, .news h2, .videos h2, .portfoliosection h1, .innerpage_topsection_left h1{font-size: 30px;} .innerpagebottomsection h2 {font-size: 26px;} .innerpage_topsection_left h3 {font-size: 22px;} .offermenu_container ul li{width: 33%; margin-bottom: 38px;} .socialmedialist{margin-left: 18%;} .offermenu_container ul li a div, .offermenu_container ul li a span {width: 100%;} .offermenu_container ul li a div { height: 185px;} .portfolio_container ul li{height: 32%; width: 19%;} .formhead {margin-top: 10px; height: 40px;} .formhead img {display:none;} .tentbelow{display:none;} .selectsolutions_items {margin-top: -15px;} .num2, .num3 {top: -10px; left: 5%;} .num3 {top: 10px;} .formhead input{width: 300px; padding: 0 10px; font-size: 15px; bottom: 0; border: 1px solid #969696; margin-left: -150px;} .num1{top: 0px; left: 8%; font-size: 18px;} .selectsolutions_items p { font-size: 18px;} .designsolution, .websolution, .marketing {width: 80%; float: none; margin: 0 auto; margin-bottom: 8px;} .contact_details{height: 236px; background:none; margin-top: 10px;} .contact_details input {width: 40%; margin-left: 4%;} .contact_details textarea {width: 88%; float: none; margin: 0 auto;} .client_info h2 {line-height: 90px;} .news { width: 90%; margin: 0 auto; float: none;} .videos {width: 90%; margin: 10px auto 0; float: none;} ul.news_items li {width: 100%; margin-left: 0px; margin-bottom: 10px;} .video_item_container ul li {width: 100%;} .videoitems {height: 260px; width: 100%;} footer {padding-bottom: 15px;} .footertitleleft {width: 435px; height: 160px; margin: 0 auto; float: none;} .footernewsletter{float: none; margin: 0 auto 10px;} .footer_site_deatils ul { margin-top: 15px;} .footer_site_deatils ul li{font-size: 12px;} .sitemap {width: 98%; float: none; margin: 0 auto 15px; overflow: hidden;} .sitemap ul li {width: 110px;} .footer_servicemenu {width: 65%; float: left; margin: 0 auto 15px; overflow: hidden;} .footer_servicemenu ul li {width: 145px;} .footer_contact{margin-right: 5px;} .copyright {margin-top: 5px;} .madeindia{margin-top: 43px;} .keywords{display:none;} .innerpage_menu li {margin-left:14px; font-size: 13px;} .innerpage_topsection_left, .innerpage_topsection_right {margin: 10px auto 0; width: 95%; float:none;} .innerpage_topsection_left {margin-top:0;} .innerpage_topsection_right h3 {float:none;} a.innersectiontoporder {width: 165px; font-size: 20px; float:none;} .processlist li {width: 49%;} .processlist_top {height: 85px;} .websitepageprocesslist.processlist li{width: 49%;} .processlist_content {margin: 0 auto; width: 220px;} .whyrocketdesignlistimage {width: 30%; float:none;} .whyrocketdesignlist li img {margin: 0 10px 0 0;} .websitepageprocesslist.processlist li{margin-left:0; margin-right:1%;} .websiteprocessc_content.processlist_content {height: 230px; width: 224px;} .websiteprocessc_content.processlist_content h3{font-size: 14px; line-height: 30px; margin-top: 27px; margin-bottom: 10px;} .websiteprocessc_content.processlist_content p{line-height: 18px; font-size: 13px;} .whyrocketdesigncontent {width: 100%; float:none;} p.logotypes {font-size: 16px;} #googlemap{height:320px;} .contactus_container h2 {font-size: 19px;} .contactus_left p{font-size: 14px;} .contactus_right input[type="text"], .contactus_right textarea{width: 88%; font-size: 13px; padding: 10px;} .contactus_right textarea {height: 100px;} .contactus_right input[type="submit"]{font-size: 13px; padding: 10px 14px; } .about_menu{margin-bottom: 35px;} .about_top{background:none; min-height:0;} .aboutus_topcontent{width:100%;} .aboutus_container {margin-top: 45px;} ul.about_menu_item {height: 38px;} ul.about_menu_item li {height: 45px; line-height: 38px; font-size: 14px; background-position: center 38px;} ul.about_menu_item li a {height: 38px; padding: 0 5px; line-height: 38px;} .aboutus_topcontent h2{font-size: 30px; line-height: 38px; margin-bottom: 15px;} .aboutus_container h2 {font-size: 30px; line-height: 35px; margin-top: 20px; margin-bottom: 10px;} .aboutmap{margin-top: 25px;} .aboutmap h3 {font-size: 35px;} .aboutmap h3 span {font-size: 28px;} .aboutmap h4 {font-size: 16px;} .pricingpage_container{margin-top: 25px;} .pricingpackage_container{margin-top:15px;} .pricingpage_container h2{font-size:28px;} .image_container > span.txt_top{font-size: 13px; top: 2px;} .image_container h3 {padding-top: 15px; padding-bottom: 8px; font-size: 22px;} .pricingoutervaluecont {width: 80px; height: 80px;} .image_container{height: 58%;} .corporate_item .pricingoutervaluecont {border: 3px solid #bf2679;} .pricinginnervaluecont{width: 74px; height: 74px; margin-top: 3px;} .pricinginnervaluecont p {line-height: 74px; font-size: 18px;} .pricingpackgeitems > p {font-size: 13px; margin-top: 5px; line-height: 20px;} .pricingpackage_container ul li button {width: 122px; height: 35px; font-size: 12px; margin-left: 6%;} .pricingpackgeitems {height: 245px;} .pricing_contact img{display:none;} .pricing_contact_container {position: relative; top: 30px; overflow: hidden; padding-bottom: 5px; width: 98%; margin: 0 auto; border: 2px solid #2B0303; border-radius: 5px;} .pricingcontact_lefthead, .pricingcontact_righthead{width:48%; margin-top: 10px;} .pricingcontact_lefthead h2, .pricingcontact_righthead h2{margin:0 auto; font-size: 18px; float: none;} .pricing_contact_container h2 span, .pricingcontact_righthead h2 span {font-size: 13px;} .pricing_contact_container h3{margin: 0 auto; width: 100%; margin-left: 20%; font-size: 22px; margin-top: 8px;} p.left_sideslidebtn, p.right_sideslidebtn{float: left; margin: 0 auto; margin-left: 25%; margin-top: 10px;} .pricing_contact_container h4{padding-top:18px;} .pricing_contact input[type="text"], .pricing_contact textarea{width: 40%;} .pricing_contact textarea{float: none; width: 89%; height: 72px; margin-top:0;} .pricing_contact button{margin-top: 40px;} } @media only screen and (max-width: 479px) { p, .innerpage_topsection_right p, .innerpage_topsection_right h3 span, .innerpagebottomsection p{font-size:12px;} .mobileicon, .mobilemenu_container{display:block;} .mobilemenu li {padding: 6px 35px; font-size: 15px;} .wrapper{width:98%;} header{width: 100%; margin-left: auto; left: inherit;} .headerbottom { height: 70px;} .topmainmenu{display:none;} .getstarted{ width: 35%; margin-right: 3px; border-radius: 5px; margin-top: 10px; background: #CF2727;} .getstarted a{font-size:14px; width: 134px;} a.logo {margin-left: 5px; height: 70px; width: 160px; background: url(/web/20161227195105im_/http://surevin.co.in/images/mobilelogo.png) center center no-repeat;} .blog_link{left: 0; margin-left: 5px;} .talktous{display:none;} .talktous p {font-size: 14px;} .sub_menu{display:none;} .banner_container{display:block;} .banner_container {width: 98%; margin: 125px auto 0;} ul.banner_slider li {height: 325px;} .slidethreeleft {width: 75%;} .banner_container h2 {font-size: 16px; line-height: 18px;} .banner_container h2 a {font-size: 20px;} .banner_container a{font-size: 15px; line-height: 20px;} .banner_container span {font-size: 16px;} .slidethreeright {width: 25%;} .slidetwoleft {width: 58%} .slidetworight {width: 42%} .banner_container p {font-size: 12px; line-height: 18px;} .slideoneleft {width: 42%;} .slideoneright {width:58%;} .slideoneright ul li {width: 33%;} .offersection h1, .homeformsection h1, .client_info h2, .news h2, .videos h2, .portfoliosection h1, .innerpage_topsection_left h1{font-size: 22px;} .innerpage_topsection_left h3 {font-size: 14px; line-height: 22px;} .innerpage_topsection_left h1 {line-height: 32px;} .innerpage_topsection_right h3 {font-size: 15px; font-weight: bold; float:none;} .innerpagebottomsection h2 {font-size: 18px;} .whyrocketdesignlist li h3, .processlist_content h3{font-size: 13px;} .websitepageprocesslist.processlist li{margin-left:1%;} .offermenu_container ul li a div p {font-size:13px;} .offermenu_container ul li{width: 50%; margin-bottom: 20px; margin-left:0%;} .offermenu_container ul li a div, .offermenu_container ul li a span {width: 100%;} .offermenu_container ul li a div { height: 165px;} .portfolio_container ul li{height: 100%; width: 48%;} .formhead {margin-top: 10px; height: 40px;} .formhead img {display:none;} .tentbelow{display:none;} .num2, .num3 {top: -10px; left: 5%;} .num3 {top: 10px;} .formhead input{width: 204px; padding: 0 5px; font-size: 10px; bottom: 0; border: 1px solid #969696; margin-left: -102px;} .selectsolutions_items {margin-top: -10px;} .selectsolutions_items label {font-size: 12px; padding-left: 8px;} .num1{top: 0px; left: 5%; font-size: 18px;} .selectsolutions_items p { font-size: 16px;} #logodesign, #brochure, #flyer, #socialmediacover, #socialmediacoverpage, #singlepage, #static5page, #mobilesite, #wordpresssite, #ecommercesite, #socialmarketing, #googleadscheck, #searchoptimization, #googlelisting, #explainvideos, #webhosting, #corporatemail, #domainreg{margin-left: 10px;} .selectsolutions_items label {width: 190px; padding-left: 5px;} .designsolution, .websolution, .marketing {width:90%; float: none; margin: 0 auto; margin-bottom: 8px;} .contact_details{background:none; height:auto; margin-top: 10px;} .contact_details input {width: 90%; height: 40px; margin-left: 0; margin-bottom: 8px; font-size: 12px;} .contact_details textarea {width: 90%; height: 100px; font-size: 12px; float: none;} .client_info{display:none;} .client_info h2 {line-height: 40px;} .news { width: 90%; margin: 0 auto; float: none;} .videos {width: 90%; margin: 10px auto 0; float: none;} ul.news_items li {width: 100%; margin-left: 0px; margin-bottom: 10px;} ul.news_items li span {padding: 8px 0 0;} ul.news_items li p {height: 120px; font-size: 13px;} ul.news_items li h3 {margin-top: 10px; font-size: 14px;} .video_item_container ul li {width: 100%;} .videoitems {height: 180px; width: 100%;} footer {padding-bottom: 15px;} .footertitleleft p {font-size: 20px; margin: 18px 0 18px;} .footertitleleft p span { font-size: 15px;} .footertitleleft h2 {font-size: 16px;} .footer_site_deatils h3 {font-size: 16px;} .footer_contact h3 {text-align: left;} .footertitleleft {width: 100%; height: 175px; margin: 0 auto; float: none; text-align: center;} .footernewsletter{width:278px; float: none; margin: 0 auto 10px;} .footernewsletter input {width: 180px;} .footer_site_deatils ul { margin-top: 15px;} .footer_site_deatils ul li{font-size: 12px;} .sitemap {width: 100%; float: none; margin: 0 auto 15px; overflow: hidden;} .sitemap ul li {width: 50%;} .footer_servicemenu {width: 100%; float: none; margin: 0 auto 15px; overflow: hidden;} .footer_servicemenu ul li {width: 50%;} .footer_contact{float: left;} .copyright {margin-top: 5px;} .madeindia{margin-top: 45px; font-size: 9px;} .keywords{display:none;} .innerpagebanner {height: 122px;} .innerpage_menu li {margin-left:14px; font-size: 13px;} .innerpage_topsection_left, .innerpage_topsection_right {margin: 10px auto 0; width: 95%; float:none;} .innerpage_topsection_left {margin-top:0;} a.innersectiontoporder {width: 140px; font-size: 15px; float:none;} .processlist li {width: 100%;} .processlist_top {height: 85px;} .processlist_content {margin: 0 auto 10px; width: 230px;} .whyrocketdesignlist li {margin-bottom: 18px;} .whyrocketdesignlistimage {width: 100%; float:none;} .whyrocketdesignlist li p {line-height: 15px;} .whyrocketdesignlist li img {margin: 0 10px 10px 0; float:none;} .whyrocketdesigncontent {width: 100%; float:none;} .websitepageprocesslist.processlist li {width: 100%;} .websiteprocessc_content.processlist_content {height: 230px;} .websiteprocessc_content.processlist_content h3{margin-top: 22px;} p.logotypes {font-size: 12px; line-height: 18px;} .innerpage_menu{display:none;} .innerpage_menu_mobile, .innerpage_mobilemenu_container{display:block;} .quickcontact_container{display:none;} .pricingsection h1 {font-size: 25px;} .pricing_leftside{width: 100%; float:none;} .pricing_rightside {width: 190px;} .logopackages {width: 100%; margin-right: 0; margin-bottom: 50px; float:none;} .logopackages h2, .logopackages h3{font-size: 32px;} .logopackages h2{top: -26px;} .logopackages h3 span {margin: 4px 5px 0 0;} .logopackages ul {margin: 15px 0 0 32px;} .logopackages ul li {font-size: 13px;} .logopackages button {left: 50%; margin-left: -57px; font-size: 16px;} .logopackages.logopricethird {margin-bottom: 35px;} .pricing_rightside {width: 100%; margin: 0 auto; float:none;} .pricing_rightside h2{text-align:center;} .pricing_rightside img{display:none;} .pricing_right_contents ul li {font-size: 15px;} .pricing_right_contents h3 {font-size: 20px;} ul.additionalitem li {min-height: 50px; line-height: 50px; width: 99%;} ul.additionalitem li h2 {padding-left: 5px; font-size: 12px;} ul.additionalitem li button {margin: 4px 4px 0 5px; font-size: 16px; width: 85px; background:#000; border-radius:5px;} ul.additionalitem li p {font-size: 16px;} #googlemap{height:200px;} .contactus_left, .contactus_right{width:100%} .contactus_right{margin-top:15px;} .contactus_container h2 {font-size: 20px;} .contactus_left p {margin-top: 12px; line-height: 18px; font-size: 12px;} .contactus_right input[type="text"], .contactus_right textarea{width: 93%; font-size: 12px; padding: 8px; margin-top: 10px;} .contactus_right textarea {height: 90px;} .contactus_right input[type="submit"]{margin-top: 10px; padding: 8px 15px; font-size: 14px;} .portfolio_innerpage img{max-width: 630px; position: relative; margin-left: -315px; left: 50%;} .portfololio_inneritem {width: 200px; height: 150px; left: 50%; margin-left: -100px;} .portfololio_inneritem ul li{height:148px;} .portfololio_inneritem ul li img{left: 50%; margin-left: -100px;} .aboutmobilemenu_trigger{display:block;} .aboutmobileactivemenu{display:block;} .aboutmobilemenu_container{display:block;} .about_menu_item{display:none;} .about_menu{margin-bottom: 35px;} .about_top{background:none; min-height:0;} .aboutus_topcontent{width:100%;} .aboutus_container {margin-top:0;} .aboutus_topcontent p {font-size:12px;} ul.about_menu_item {height: 38px;} ul.about_menu_item li {height: 45px; line-height: 38px; font-size: 16px; background-position: center 38px;} ul.about_menu_item li a {height: 38px; padding: 0 14px; line-height: 38px;} .aboutus_topcontent h2{font-size: 30px; line-height: 25px; margin-bottom: 15px;} .aboutus_container h2 {font-size: 20px; line-height: 25px; margin-top: 15px; margin-bottom: 10px;} .aboutmap{margin-top: 25px;} .aboutmap h3 {font-size: 28px;} .aboutmap h3 span {font-size: 18px;} .aboutmap h4 {font-size: 15px;} .pricingpage_container{margin-top: 25px;} .pricingpackgeitems{border: 2px solid #cccccc;} .pricingpackage_container{margin-top:15px;} .pricingpage_container h2{font-size:23px;} .image_container > span.txt_top{font-size: 11px; top: 2px;} .image_container h3 {padding-top: 15px; padding-bottom: 8px; font-size: 14px;} .pricingoutervaluecont {width: 70px; height: 70px;} .image_container{height: 50%;} .corporate_item .pricingoutervaluecont {border: 3px solid #bf2679;} .pricinginnervaluecont{width: 64px; height: 64px; margin-top: 3px;} .pricinginnervaluecont p {line-height: 64px; font-size: 14px;} .pricingpackgeitems > p {font-size: 12px; margin-top: 12px; line-height: 16px;} .pricingpackage_container ul li button {width: 97%; height: 35px; font-size: 10px; margin-left: 3%;} .pricingpackgeitems {height: 265px;} .pricing_contact img{display:none;} .pricing_contact_container {position: relative; top: 30px; overflow: hidden; padding-bottom: 5px; width: 98%; margin: 0 auto; border: 2px solid #2B0303; border-radius: 5px;} .pricingcontact_lefthead, .pricingcontact_righthead{width:48%; margin-top: 10px;} .pricingcontact_lefthead h2, .pricingcontact_righthead h2{margin:0 auto; font-size: 18px; float: none;} .pricing_contact_container h2 span, .pricingcontact_righthead h2 span {font-size: 13px;} .pricing_contact_container h3{margin: 0 auto; width: 100%; margin-left: 12%; font-size: 18px; margin-top: 8px;} p.left_sideslidebtn, p.right_sideslidebtn{float: left; margin: 0 auto; margin-left: 25%; margin-top: 10px;} .pricing_contact_container h4{padding-top:18px;} .pricing_contact input[type="text"], .pricing_contact textarea{width: 40%; padding: 8px;} .pricing_contact textarea{float: none; width: 89%; height: 72px; margin-top:0;} .pricing_contact button{margin-top: 40px; width: 130px; height: 30px; font-size: 13px;} .faq_container{margin:15px 0;} .scrolltotopcontainer, .leftside_panel{display:none;} } @media only screen and (max-width: 275px) { .getstarted{display:none;} } /* FILE ARCHIVED ON 19:51:05 Dec 27, 2016 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 07:11:41 Jan 06, 2018. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */